<div class="bg-light lter b-b wrapper-md">
    <h1 class="m-n font-thin h3">用户列表</h1>
</div>
<div class="wrapper-md">
    <div class="panel panel-default" ng-controller="userListController">
        <div class="panel-heading">

        </div>
        <div class="row wrapper">
            <div class="col-sm-5 m-b-xs">
                <select class="input-sm form-control w-sm inline v-middle" ng-model="optionValue">
                    <option value="1">--操作--</option>
                    <option value="2">删除</option>
                    <option value="3">导出</option>
                    <option value="4">显示10条</option>
                    <option value="5">显示15条</option>
                    <option value="6">显示20条</option>
                </select>
                <button class="btn btn-sm  btn-default" ng-click="apply()" >Apply</button>
            </div>
            <div class="col-sm-4">
            </div>
            <div class="col-sm-3">
                <div class="input-group">
                    <input type="text" class="input-sm form-control" placeholder="Search">
                    <span class="input-group-btn">
            <button class="btn btn-sm btn-default" type="button">Go!</button>
          </span>
                </div>
            </div>
        </div>
        <div class="table-responsive" >
            <table class="table table-striped b-t b-light">
                <thead>
                <tr>
                    <th style="width:20px;">
                        <label class="i-checks m-b-none">
                            <input type="checkbox" ng-model="selectAll" ng-click="all(selectAll)" ><i></i>
                        </label>
                    </th>

                    <th ng-repeat="th  in thArray">{{th}}</th>

                </tr>
                </thead>
                <tbody>
                <tr ng-repeat="(index,user) in userDatas">
                    <td><label class="i-checks m-b-none"><input type="checkbox" ng-checked="user.state" ng-model="user.state"><i></i></label></td>
                    <td>{{user.id}}</td>
                    <td>{{user.name}}</td>
                    <td>{{user.email}}</td>
                    <td>{{user.nickname}}</td>
                    <td>{{user.city}}</td>
                    <td>{{user.created|date:'yyyy-MM-dd hh:mm:ss'}}</td>
                </tr>

                </tbody>
            </table>

        </div>
        <toaster-container></toaster-container>
        <footer class="panel-footer">
            <div class="row">

                <div class="col-sm-8 text-right text-center-xs">
                    <ul class="pagination pagination-sm m-t-none m-b-none">
                        <li><a href><i class="fa fa-chevron-left"></i></a></li>
                        <li><a href>1</a></li>
                        <li><a href>2</a></li>
                        <li><a href>3</a></li>
                        <li><a href>4</a></li>
                        <li><a href>5</a></li>
                        <li><a href><i class="fa fa-chevron-right"></i></a></li>
                    </ul>
                </div>
            </div>
        </footer>
    </div>
</div>